html{
    height:100%;
}
body{
    margin:0;
    height:100%;
}
a{
    color:unset;
    text-decoration: none;
}
ul{
    padding:0;
    margin:0;
}
li {
    list-style: none;
    padding-left: 0;
}
#app,.common-layout,.el-container{
    height:100%;
}

div{
    box-sizing: border-box;
}
.right-board{
    position: relative;
    background-color: #F0F2F5;
}
.text-center{
    text-align:center;
}
.text-right{
    text-align:right;
}
.pull-right{
    float:right;
}
.pull-left{
    float:left;
}
.el-footer{
    position: fixed;
    width:100%;
    bottom: 0;
    text-align: center;
    height:56px;
    line-height:56px;
}
.el-header{
    height:56px;
    background-color: #fff;
    //border-bottom: solid 1px #ccc;
    .right-bar{
        height:100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 20px;
        .admin-avatar{
            img{
                width:36px;
                border-radius: 20px;
            }
        }
        .shop-name{

        }
        .admin-name{
            margin-left:10px;
            position: relative;
            top: -2px;
        }
        .logout{
            margin-left: 30px;
            cursor: pointer;
        }
    }

}
.el-main{
    display: flex;
    flex-direction: column;

    .content{
        flex:1;
        //background-color: #fff;

    }
}
.left-menu{
    width:200px;
    height: 100%;
    position: fixed;

    .logo-name{
        display: flex;
        align-items: center;
        height:56px;
        padding-left:20px;
        justify-content: left;
        background-color: #567;
        color:#fff;
        font-weight: bold;
        border-bottom: solid 1px #ccc;
        .logo{
            width:40px;
        }
    }
}
.el-table{
    .el-table__cell{
        //padding:18px 0;
    }
}
.el-pagination{
    justify-content: flex-end;
    padding-right:0;
    margin-top:50px;
}

// login .register page
.login{
    display:flex;
    height:100%;


    .star{
        width:100%;
        height:100%;
        position:absolute;
        //z-index: -1;
        img{
            position:absolute;
        }
    }
    .enterprise{

        height:100%;
        flex:1;
        background-color:#F0F2F5;
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        .logo{


            display:flex;
            align-items: center;
            justify-content: center;
            img{
                width:50px;
            }
            .name{
                font-weight: bold;
            }
        }
    }
    .panel{

        flex:1;
        background-color:#FFF;
        display:flex;
        justify-content: center;
        align-items: center;
        .form{
            position:relative;
            width:300px;

            .title{
                font-weight:bold;
                text-align: center;
                color:#409eff;
            }
            .input-user{
                margin-top:20px;
            }

            .input-password{
                margin-top:20px;
            }
            .el-button{
                width:100%;
                margin-top:20px;
            }


        }

    }

}
.el-table{
    border-radius: 5px;
}
.table-bar{
    margin-bottom:20px;

}

.avatar-nickname{

    .avatar-img{
        width:65px;
        height:65px;
        border-radius: 65px;
        overflow:hidden;
    }
}

.el-menu-item{

    &.is-active {
        a{
            color: var(--el-menu-active-color);
        }
    }

    a{
        width:100%;
        color: var(--el-menu-text-color);
    }
}

.table-below{
    display:flex;
    justify-content: space-between;
    margin-top:20px;
    align-items: center;
    .el-pagination{
        margin-top:0;

    }
}

.text-right{
    text-align: right;
}
.search-bar{
    background-color:#fff;
    margin:20px 0 ;
    padding:20px;
    border-radius: 5px;
}